    <!-- Le styles -->
    <!-- Use new way for google web fonts
    http://www.smashingmagazine.com/2012/07/11/avoiding-faux-weights-styles-google-web-fonts -->
    <!-- Headings -->
    <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />  -->
    <!-- Text -->
    <!-- <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' /> -->
    <!--[if lt IE 9]>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet" type="text/css"/>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet" type="text/css"/>
    <link href="http://fonts.googleapis.com/css?family=Droid+Sans:400" rel="stylesheet" type="text/css"/>
    <link href="http://fonts.googleapis.com/css?family=Droid+Sans:700" rel="stylesheet" type="text/css"/>
    <![endif]-->

    <!-- Core stylesheets do not remove -->
    <link id="bootstrap" href="/static/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/bootstrap/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/supr-theme/jquery.ui.supr.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/icons.css" rel="stylesheet" type="text/css"/>

    <!-- Plugin stylesheets -->
    <link href="/static/plugins/misc/qtip/jquery.qtip.css" rel="stylesheet" type="text/css"/>
    <link href="/static/plugins/forms/uniform/uniform.default.css" type="text/css" rel="stylesheet"/>

    <!-- Main stylesheets -->
    <link href="/static/css/main.css" rel="stylesheet" type="text/css"/>

    <!-- Custom stylesheets ( Put your own changes here ) -->
    <link href="/static/css/custom.css" rel="stylesheet" type="text/css"/>

    <link href="/static/css/common.css" rel="stylesheet" type="text/css"/>

    <!--[if IE 8]>
    <link href="/static/css/ie8.css" rel="stylesheet" type="text/css"/><![endif]-->

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/static/js/libs/excanvas.min.js"></script>
    <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script type="text/javascript" src="/static/js/libs/respond.min.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="/static/images/favicon.ico"/>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/images/apple-touch-icon-144-precomposed.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/images/apple-touch-icon-114-precomposed.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/images/apple-touch-icon-72-precomposed.png"/>
    <link rel="apple-touch-icon-precomposed" href="/static/images/apple-touch-icon-57-precomposed.png"/>

    <!-- Windows8 touch icon ( http://www.buildmypinnedsite.com/ )-->
    <meta name="application-name" content="Supr"/>
    <meta name="msapplication-TileColor" content="#3399cc"/>

    <!-- Load modernizr first -->
    <script type="text/javascript" src="/static/js/libs/modernizr.js"></script>